$(function(){
    $("header").load("./header.html",function(){
        $.getScript('./js/header.js');
    })
    $(".footer").load("./footer.html", function(){
        $(".help_l dl dd a").hover(function(){
            $(this).css("color","#fa4b9b");
        },function(){
            $(this).css("color","");
        });

        $(".help_r a").eq(1).hover(function(){
            $(".wx_code").css("display","block")
        },function(){
            $(".wx_code").css("display","")
        });

        $(".footer_link").eq(0).find("a").hover(function(){
            $(this).css("color","#fa4b9b");
        },function(){
            $(this).css("color","");
        });
    })
    $(window).scroll(function(){
        let $scroll=$(this).scrollTop();
        if($scroll>$("header").height()){
            $(".rightbar").css("display","block");
            $(".advertise").css("display","block");
            $(".leftbar").css("display","block");
        }else{
            $(".rightbar").css("display","");
            $(".advertise").css("display","");
            $(".leftbar").css("display","");
        }
    })
    $(".rightbar li a").eq(1).on("click",function(){
        alert("请登录后再来点我哦")
        location="login.html";
        return false;
    })

    $(".rightbar li").hover(function(){
        $(this).css("background","#fafafa");
    },function(){
        $(this).css("background","");
    });
    $(".top").on("click",function(){
        $('html , body').animate({scrollTop: 0},400);
    })

    /*微博微信图标*/
    $(".share_wx").hover(function(){
        $(this).css("opacity",".8");
    },function(){
        $(this).css("opacity","1");
    });
    $(".share_wb").hover(function(){
        $(this).css("opacity",".8");
    },function(){
        $(this).css("opacity","1");
    });

    /*大图切换*/
    $(".smallImg img").each(function(){
        $(this).on("mouseenter",function(){
            $(".bigimg").attr("src",$(this).attr("src"));
            $(this).css("borderColor","#F450A2").siblings().css("borderColor","");
        })
    })

    /*可选和规格选择*/
    var count1=0;
    $(".span1").on("click",function(){
        count1++;
        if(count1%2!=0){
            $(this).removeClass("active");
        }else{
            $(this).addClass("active");
        }
    })
    var count2=0;
    $(".span2").on("click",function(){
        count2++;
        if(count2%2!=0){
            $(this).removeClass("active");
        }else{
            $(this).addClass("active");
        }
    })

    /*数量加减*/
    $("#reduce").on("click",function(){
        if($(".add_reduce em").text()<=1){
            $(".add_reduce em").text(1);
        }else{
            $(".add_reduce em").text(parseInt($(".add_reduce em").text())-1);
        }
    })
    $("#add").on("click",function(){
        if($(".add_reduce em").text()>=99){
            $(".add_reduce em").text(99);
        }else {
            $(".add_reduce em").text(parseInt($(".add_reduce em").text()) + 1);
        }
    })

    /*加入购物车效果*/
    $(".detail_right").on("click","#addcart",function(){
        const currentData=$("#addcart").data("info");
        var userInfo=null;
        var jsonStr=sessionStorage.getItem("login");
        userInfo=JSON.parse(jsonStr||'{}');
        currentData.uId=userInfo.uid;
        currentData.num=parseInt($(".pro_num").text());
        // console.log(currentData.gId);
        //判断登录状态
        if($("#login").text()=="登录"){
            //未登录状态
            if($(".span1").hasClass("active")&&$(".span2").hasClass("active")){
                const dataCookie=JSON.parse($.cookie("cartInfo")||'[]');
                var flag=false;
                dataCookie.forEach((el,index)=>{
                    if(el.gId==currentData.gId){
                        el.num=parseInt(el.num)+parseInt($(".pro_num").text());
                        el.total=parseInt(el.num)*parseInt(currentData.gNewPrice);
                        flag=true;//存在
                    }
                })
                if(!flag){
                    currentData.num=parseInt($(".pro_num").text());
                    currentData.total=parseInt($(".pro_num").text())*parseInt(currentData.gNewPrice);
                    dataCookie.push(currentData)
                }
                $.cookie("cartInfo",JSON.stringify(dataCookie),{expires:7});
                alert("加入成功");
                window.location.href="cart.html";
            }else{
                alert("请选择可选项和规格");
            }
        }else{
            if($(".span1").hasClass("active")&&$(".span2").hasClass("active")){
                $.ajax({
                    url:"./../server/cart.php",
                    data:currentData,
                    type:"post"
                }).then(function(res){
                    alert(res.msg);
                    window.location.href="cart.html";
                })
            }else{
                alert("请选择可选项和规格");
            }

        }
    })





    //lazyload(商品详情)
    $("img.lazyload").lazyload({effect:"fadeIn"});
//    商品详情tab栏切换
    $(".tab ul li").each(function(){
        $(this).on("click",function(){
            $(this).addClass("current").siblings().removeClass("current");
            var index = $(".tab ul li").index(this);
            $(".area").eq(index).addClass("current").siblings().removeClass("current");
        })

    })
    //展开
    var more_count=0;
    $(".read_more a").on("click",function(){
        more_count++;
        if(more_count%2==0){
            $(".more_intro ul").css("height","100px");
            $(this).text("展开");
        }else{
            $(".more_intro ul").css("height","250px");
            $(this).text("收起");
        }
        return false;
    })
    //评价分页
    $(".page span").each(function(){
        $(this).on("click",function(){
            $(this).addClass("current").siblings().removeClass("current");
            var index=$(".page span").index(this);
            $(".comments ul").eq(index).addClass("current").siblings().removeClass("current");
        })
    })
    //蜜芽优势tab栏切换
    var oSpan=document.querySelectorAll('.tab_advant li span');
    var oLi=document.querySelectorAll('.advant_detail li');
    for(var i=0;i<oSpan.length;i++){
        oSpan[i].index=i;
        oSpan[i].onclick=function(){
            for(var j=0;j<oSpan.length;j++){
                oSpan[j].style.backgroundPosition="";
                oSpan[0].style.backgroundPosition="0 0"
                oLi[j].className="";
            }
            oSpan[this.index].style.backgroundPosition=`${-70*this.index}px -80px`;
            oLi[this.index].className="current";
        }
    }
    //动态渲染数据
    $.ajax({
        url:"./../server/goodsInfo2.php",
        dataType:"json",
    }).done(function(res){
        res.forEach((el,index)=>{
            const strHtml=`
           <li>
                        <a href="#"><img src="${el.dImg}" alt=""></a>
                        <p>
                            <a href="#">${el.dName}</a>
                        </p>
                        <p>¥${el.dPrice}</p>
                    </li>
            `;
            $(".more_goods ul").append(strHtml);
        })
    })

});